<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="com.lp.cfg.ProConfig"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html>
<head>
	<title><%=ProConfig.PROJECT_NAME %></title>
	<%@ include file="/WEB-INF/wechat/iot/common/resource_lib.jsp"%>
	<style type="text/css">
		.container{
			padding: 5px 8px;
			border-radius: 5px;
		}
		.sensor-container{
			background: transparent;width:100%;
		}
		.sensor-container img{
			vertical-align: middle;margin: 0 0 0 10px;width: 35px;
		}
		.sensor-container .sensor-name{
			margin-left: 15px;font-size: 14px; 
		}
		.sensor-container .sensor-value{
			float: right;font-size: 24px;margin-right: 10px; color: #008fcd;
		}.sensor-container .sensor-type{
			float: right;font-size: 20px;margin-right: 13px;
		}
		.sensor-container img.sensor-control{
			float: right;  padding-right: 13px;;
		}
		.weui-media-box{
			padding: 7px;
		}
		
		.tempdata{
			font-size: 12px;
		    color: #666;
		    text-align: center;
		    padding: 10px;
		}
		.weui-panel.weui-panel_access.active .weui-panel__bd {
			display: none;
		}
		.weui-panel.weui-panel_access.active .weui-panel__hd{
			
		}
	</style>
</head>
<body>
	<div class="t-c title-info" >
		<span>视频列表</span>
		<div class="back" onclick="forwardBack()" style=" position: fixed;top: 0px;" >
		返回</div>
		
	</div>
	<div style="height: 50px;"></div>
	<div class="container">
		
	</div>
	
	<div id="template0" class="hide">
		<div class="weui-panel weui-panel_access active noid-{5}" >
			<div class="weui-panel__hd pointer">
				<img src="<%=basePath%>/image/wechat/iot/video3.png" style="vertical-align: middle;">
				<span style="font-size: 16px;">{0}</span>
				<a href="javascript:;" onclick="forward('/wiot/live?id={1}&sid={2}')" >
					<span class="float-right param_setting"  style="color:#3499da;margin-left: 5px;font-size: 15px;margin-top: 2px;">查看</span>
				</a>
			</div>
		</div>
	</div>

</body>
	<script type="text/javascript">
	
	var scene_id =  GetQueryString("id");
	
	function forwardVideo(){
		forward('/wiot/scene?id='+GetQueryString("id") );
	}
	
	$(function(){
		getVideoInfo(GetQueryString("id"));
	})
	
	function getVideoInfo(sid){
		postAjax(localUrl+"/page/video.json?pageSize=300&paged=1", {scene_id:sid},function(data){
			$(".container").empty();
			if(isOK(data)){
				var dataT = data.data.data ;
				dataCache = dataT ;
				for(var i=0;i<dataT.length;i++){
					$(".container").append(
							$("#template0").html().format(disvalue(dataT[i].name,7),dataT[i].id,scene_id));
				}
			}else{
				$(".container").append( "<p class='tempdata'>暂无视频数据</p>");
			}
		});
	}
	function forwardBack(){
		forward('/wiot/scene'  ) ;
	}
	</script>
</html>